<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>订单</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<%@ include file="/jsp/common/commonJs.jsp"%>
</head>
<script>
function addOrder(){
	var options = {
			url : js.path()+"/web/order/addOrder.do",
			type : "post",
			dataType : "json",
			success : function(data){
				if(data.status){
					alert(data.msg);
					window.location.href="${path}/web/order/orderList.do";
				}else{
					alert(data.msg);
				}
			}
	};
	$("#orderform").ajaxSubmit(options);
}
</script>
<%@ include file="/jsp/head_bus.jsp"%>
<div class="container">
	<ol class="breadcrumb">
		<li class="active">首页</a></li>
		<li><a href="${path}/product/product.htm">产品中心</a></li>
		<li class="active">订单填写</li>
	</ol>
	<div class="i-content i-content-1 ">
		<form class="form-horizontal" name="ispForm" id="orderform" method="post" role="form">
			<input type="hidden" id="orderNo" name="orderNo" value="${orderNo}" /> <input type="hidden" id="url" value="${path}" />
			<h3 class="title-1">
				<span>客户信息</span>
			</h3>
			<div class="d-data d-data-1">
				<div class="form-group">
					<label class="col-sm-2 col-xs-3">用户名称：</label>
					<div class="col-sm-4  col-xs-8">
						<input type="text" name="userName" class="form-control">
					</div>
				</div>
			</div>
			<div class="d-data d-data-1">
				<div class="form-group">
					<label class="col-sm-2 col-xs-3">用户电话：</label>
					<div class="col-sm-4  col-xs-8">
						<input type="text" name="userPhone" class="form-control">
					</div>
				</div>
			</div>
			<div class="d-data d-data-1">
				<div class="form-group">
					<label class="col-sm-2 col-xs-3">用户单位：</label>
					<div class="col-sm-4  col-xs-8">
						<input type="text" name="userUnit" class="form-control">
					</div>
				</div>
			</div>
			<div class="d-data d-data-1">
				<div class="form-group">
					<label class="col-sm-2 col-xs-3">用户地址：</label>
					<div class="col-sm-4  col-xs-8">
						<input type="text" name="userAddress" class="form-control">
					</div>
				</div>
			</div>
		</form>
		<c:forEach items="${templateList}" var="tem">
			<h3 class="title-1">
				<span>${tem.productName}产品</span>
			</h3>
						${tem.temContent}
				</c:forEach>
		<div class="use-age use-age-4">
			<h1 class="fl">
				产品总价：<span id="countprice">0</span>￥
			</h1>
		</div>
		<div class="form-group">
			<div class="text-center">
				<a href="javascript:void(0);" onclick="addOrder()" class="btn btn-180">提交订单</a> <a href="${path}/web/order/product.htm" class="btn btn-180 reset ml80 ">取消</a>
			</div>
		</div>
	</div>
</div>
<script>
$(function(){
	$("form").each(function(i){
		//alert($(this).attr("id"));
		var formid=$(this).attr("id");
		setPrice(formid);
		if(i>0){
			$(this).find("input").each(function(){
				//alert($(this).attr("data-is-sum"));
				//是否参与价格计算
				if('true'==$(this).attr("data-is-sum")){
					//是否为特殊计价
					//如果为特殊计价 ，ajax 后台请求价格表 返回价格
					//如果不为特殊计价，则进行绑定，直接计算价格
					if('text'==$(this).attr("type")){
						$(this).blur(function(){
							//刷新价格
							setPrice(formid);
						});
					}
					if('radio'==$(this).attr("type")){
						var name=$(this).attr("name");
						$("input[name="+name+"]").click(function(){
							//刷新价格
							setPrice(formid);
						});
					}
				}
			});
			$(this).find("select").each(function(){
				if('true'==$(this).attr("data-is-sum")){
					$(this).change(function(){
						setPrice(formid);
					});
				}
			});
		}
	});
});
function setPrice(formId){
	//alert(formId);
	var totalprice=0;
	var groupprice=null;
	var coefficient=1;
	//先寻找参与计算的项
	$("#"+formId+"").find("input[data-is-sum=true]").each(function(){
			if('text'==$(this).attr("type")){
				if('disabled'!=$(this).attr("disabled")){
					var i=$(this).attr("data-price");
					var value=$(this).val();
					if(!isNaN(value) && ''!=value){
						totalprice=parseFloat(totalprice)+(parseFloat(i)*parseInt(value));
					}else{
						//alert("请输入数字");
						return;
					}
					//var num=$("#price").text();
				}
			}
			if('radio'==$(this).attr("type")){
				if('true'==$(this).attr("data-spe")){
					//alert("radio特殊计价");
					groupprice=getPriceByPost(formId);
				}else{
					var name=$(this).attr("name");
					//alert(name);
					var i=$("input[name="+name+"]:checked").val();
					if(i<10){
						coefficient=parseFloat(i);
					}else{
						totalprice=parseFloat(totalprice)+parseFloat(i);
					}
					//var num=$("#price").text();
				}
			}
	});
	$("#"+formId+"").find("select[data-is-sum=true]").each(function(){
		if('disabled'!=$(this).attr("disabled")){
			if('true'==$(this).attr("data-spe")){
				//alert("select特殊计价");
				groupprice=getPriceByPost(formId);
			}else{
				var i=$(this).val();
				totalprice=parseFloat(i)+parseFloat(totalprice);
			}
		}
	});
	//alert(groupprice);
	if(null!=groupprice && ''!=groupprice){
		if(parseFloat(coefficient)>1){
			totalprice=parseFloat(totalprice)+(parseFloat(groupprice)*parseFloat(coefficient));
		}else{
			totalprice=parseFloat(totalprice)+parseFloat(groupprice);
		}
		$("#"+formId+"").find("#price").text(parseFloat(totalprice));
		$("#"+formId+"").find("#productPrice").val(parseFloat(totalprice));
		setTotalPrice();	
	}else{
		$("#"+formId+"").find("#price").html("<font color=red>此价格不明确,请联系客服人员!</font>");
		$("#"+formId+"").find("#productPrice").val(0);
	}
	//$("#price").text(parseFloat(totalprice));
	//获取计算项的价格
	//刷新价格
}

//后台价格表获取价格
function getPriceByPost(formId){
	var price="";
	var json={};
	var radiolength=$("#"+formId+"").find("input[type=radio][data-spe=true]").length;
	$("#"+formId+"").find("input[type=radio]").each(function(i){
		if('true'==$(this).attr("data-spe")){
			var name=$(this).attr("name");
			var value=$("input[name="+name+"]:checked").val();
			//json=json+""+name+":"+value+"";
			json[name]=value;
		}
	});
	var selectlength=$("#"+formId+"").find("select[data-spe=true]").length;
	$("#"+formId+"").find("select").each(function(i){
		if('true'==$(this).attr("data-spe")){
			var name=$(this).attr("name");
			var value=$(this).val();
			json[name]=value;
		}
	});
	//alert(JSON.stringify(json));
	var jsontext=JSON.stringify(json);
	var options = {
			url : js.path()+"/price/getPrice.do",
			type : "post",
			dataType : "json",
			async: false,
			data:{json:jsontext},
			success : function(data){
				if(data.status){
					//alert(data.price);
					price=data.price;
					//window.location.href="${path}/order/orderList.do";
				}else{
					//alert(data.msg);
				}
			}
	};
	$("#"+formId+"").ajaxSubmit(options);
	return price;
}

//设置总价
function setTotalPrice(){
	var totalPrice=0;
	$("form").each(function(i){
		if(i>0){
			var formId=$(this).attr("id");
			//alert(formId);
			var price=$("#"+formId+"").find("#price").text();
			if(''!=price){
				totalPrice=parseFloat(totalPrice)+parseFloat(price);
			}
			//alert(price);
		}
	});
	$("#countprice").text(parseFloat(totalPrice));
}
</script>
<%@ include file="/jsp/foot_bus.jsp"%>